@charset "UTF-8";
@import 'reset';

body {
    background-color: #F7F7F7;
}

// 填写订单标题
.header-order-title {
    width: 100vw;
    height: 11.2vw;
    font-size: 4.2667vw;
    text-align: center;
    line-height: 11.2vw;
    background-color: #ffffff;
}

// 订单详情
.order-content {
    margin: 2.6667vw auto 0;
    width: 94.6667vw;
    height: 54.9333vw;
    background-color: #ffffff;
    border-radius: 1.3333vw;

    div {
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 85.3333vw;
        height: 13.7333vw;
        border-bottom: .2667vw solid #f7f9faff;

        h3 {
            font-size: 4vw;
            color: #000000;
        }

        span {
            font-size: 3.7333vw;
        }
    }

    .freight {
        border: none;

        // 装饰线
        .decoration {
            position: absolute;
            top: 67.6667vw;
            left: 2.6667vw;
            display: flex;
            justify-content: space-between;
            width: 94.6667vw;
            height: .8vw;

            .red {
                width: 4vw;
                height: .8vw;
                background-color: #FF9B7B;
            }

            .gray {
                width: 4vw;
                height: .8vw;
                background-color: #B8BABB;
            }
        }
    }
}

// 配送时间
.timearea-detail {
    margin: 2.6667vw auto 0;
    width: 100vw;
    background-color: #ffffff;

    .date-detail {
        width: 100vw;
        height: 15.3333vw;
        line-height: 13.3333vw;
        border-bottom: .2667vw solid #f7f9faff;

        h3 {
            margin-left: 5.3333vw;
            font-size: 3.7333vw;
        }
    }
}